html, body { width: 100%; height: 100%; margin: 0; min-width: 1100px; padding: 0;font-family: '新宋体';}

#app { width: 100%; height: 100%; display: flex;}

.w-100 { width: 100% !important;}

.h-100 { height: 100% !important;}

.d-flex { display: flex !important;}

.d-block {display: block !important;}

.d-unset {display: unset !important;}

.flex-row { flex-direction: row !important;}

.flex-col { flex-direction: column !important;}

.flex-1 { flex: 1 !important;}

.flex-grow-1 { flex-grow: 1 !important;}

.justify-content-end { justify-content: flex-end !important;}

.justify-content-start { justify-content: flex-start !important;}

.justify-content-center { justify-content: center !important;}

.justify-content-between { justify-content: space-between !important;}

.justify-content-around { justify-content: space-around !important;}

.align-items-center { align-items: center !important;}

.align-items-end { align-items: flex-end !important;}

.align-items-start { align-items: flex-start !important;}

.align-content-center { align-content: center !important;}

.align-content-start { align-content: flex-start !important;}

.align-content-end { align-content: flex-end !important;}

.align-content-around { align-content: space-around !important;}

.align-content-between { align-content: space-between !important;}

.align-content-center { align-content: center !important;}


.m-0 { margin: 0 !important;}

.mb-5 {margin-bottom: 5px !important;}

.mb-10 {margin-bottom: 10px !important;}

.p-0 { padding: 0 !important;}

.p-right-5 { padding-right: 5px !important;}

.p-right-10 { padding-right: 10px !important;}

.no-text-decoration { text-decoration: none !important;}

.underline { text-decoration: underline !important;}

.color-black { color: #000 !important;}

.position-absolute { position: absolute !important;}

.position-relative { position: relative !important;}

.top-0 {top: 0 !important;}

.left-0 {left: 0 !important;}


.border-bottom-1 {border-bottom: 1px solid #DDD;}

